<template>
  <!-- 关联字段 -->
  <div id="field">
    <el-select v-model="selectdField" placeholder="">
      <el-option
        v-for="item in itemData.data"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  props: {
    itemData: Object,
  },
  data() {
    return {
      selectdField: [],
    };
  },
};
</script>

<style>
#field .el-input.el-input--suffix:before {
  content: "";
  width: 10px;
  height: 49px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  position: absolute;
  top: 17px;
  left: -10px;
}
#field .el-input.el-input--suffix:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  background-color: #42a948;
  left: 0px;
}
#assoModel .container:last-child #field .el-input.el-input--suffix:before {
  height: 0px;
}
</style>
